<template>
  <div class="global-sider">
    <component :is="currentSiderComponent" />
  </div>
</template>

<script setup lang="ts">
import { computed } from "vue";
import { useRoute } from "vue-router";

const route = useRoute();
const currentSiderComponent = computed(() => {
  return route.meta.sider as any;
});
</script>

<style scoped></style>
